home *** CD-ROM | disk | FTP | other *** search
Wrap
<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN"> <html> <head> <title>Customizing the Search pane</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="generator" content="RoboHelp by eHelp Corporation www.ehelp.com"> <link rel="stylesheet" href="../styles_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss"> <!-- if (navigator.appName !="Netscape") { document.write("<link rel='stylesheet' href='../styles.css'>");} //--> </script> <script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript"> <!-- function reDo() { if (innerWidth != origWidth || innerHeight != origHeight) location.reload(); } if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) { origWidth = innerWidth; origHeight = innerHeight; onresize = reDo; } onerror = null; //--> </script> <style type="text/css"> <!-- div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; } --> </style><script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script> <script type="text/javascript" language="javascript1.2" src="../whutils.js"></script> <script type="text/javascript" language="javascript" src="../whver.js"></script> <script type="text/javascript" language="javascript1.2"> <!-- var linkedScrollbarStyle = "<link rel='stylesheet' href='../wf_topics.css'>"; if( (!isTopicOnly()) &&(parent.gbFHPureHtml == null) ) { document.write(linkedScrollbarStyle); } //--> </script> </head> <body lang="EN-US"><script type="text/javascript" language="javascript1.2"> <!-- if (window.addTocInfo) { addTocInfo("Using Template Flash Files\nCustomizing the Search pane"); addShowButton(); } if (window.setRelStartPage) { setRelStartPage("../FlashHelp_SDK.htm"); sendTopicLoaded(); autoSync(1); sendSyncInfo(); sendAveInfo(); sendBgColorInfo(); } //--> </script> <h1>Customizing the Search pane</h1> <p>Use the following information to customize the Search pane in an SDK <a href="../Basics_Template_Files/Basics_of_Template_Flash_Files_(FLA).htm">template</a>. </p> <p class=Normal><b style="font-weight: bold;">File name: </b></p> <p class=Normal>skin_search.fla</p> <p class=Normal>This FLA file is used to generate the SWF file used in the background of the Search pane input field. The input field for entering search queries is loaded from <b>skin_textField.SWF</b>, but the search SWF file defines the background for the text field, as well as the behavior of the messages displayed when searching and when no results are found.</p> <h4>Requirements:</h4> <p class=Normal>The search FLA file needs to include a <b>Generic FH Search component</b> (fhgeneric_comp) on the Stage in the first frame, with instance name <b>fhgeneric_comp</b>.</p> <p class=Normal>The following elements must be included in the search FLA:</p> <ul> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">searchbackground_mc:</b> This movie clip is the background for the Search input field and will stretch at run time to fill the width of the navigation pane. (The Search input filed is a separate SWF file - see <a href="Customizing_text_fields.htm">Customizing text fields</a>). </p></li> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">searchprogress_mc:</b> This movie clip displays while a search is taking place. It can contain a ôprogressö movie, and also contains a text field where the progress string will be loaded at run time. The structure of this movie clip is:</p></li> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><b style="font-weight: bold;">searchprogress_mc:</b> Parent movie clip for displaying search progress. On this timeline, you can transition <b>searchprogresslabel_mc</b> in, or include a repeating progress movie clip (such as a wheel turning or progress bar to indicate the system is working).</p></li> <ul> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><b style="font-weight: bold;">searchprogresslabel_mc:</b> This movie clip can be manipulated on the <b>searchprogress_mc</b> timeline, but has no timeline of its own. It is just a container for the label.</p></li> <ul> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><span style="font-family: Symbol;"><span style="font: 7.0pt 'Times New Roman';"><font size=1 style="font-size:7pt;"> </font></span></span><b>searchprogresslabel_txt:</b> Populated with text at run time</p></li> </ul> </ul> <li class=kadov-p-CBULLETS><p class=BULLETS><b style="font-weight: bold;">searchnotopics_mc: </b>This movie clip displays when the search finds 0 results. This movie clip contains a text field where the ôno topics foundö string will be loaded at run time from <b>wfres.xml</b> (it will match the Help systemÆs language setting). Like searchprogress_mc, this movie clip can contain other movie clips. The structure of this movie clip is:</p></li> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><b style="font-weight: bold;">searchnotopics_mc:</b> Parent movie clip for displaying ôno topics foundö message. On this timeline, you can transition <b>searchnotopicslabel_mc</b> in, or include a movie clip that indicates nothing was found. </p></li> <ul> <ul> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><b style="font-weight: bold;">searchnotopicslabel_mc:</b> This movie clip can be manipulated on the <b>searchnotopics_mc</b> timeline, but has no timeline of its own. It is just a container for the label.</p></li> <ul> <li class=kadov-p-CIndentedBullets><p class=IndentedBullets><b style="font-weight: bold;">searchnotopicslabel_txt:</b> Populated with text at run time.</p></li> </ul> </ul> </ul> </ul> <p class=note><b style="font-weight: bold;">Note:</b> The text you see in the text fields (searchprogresslabel_txt, searchnotopicslabel_txt) in Flash will not be the text you see in the FlashHelp run time. The text in the run time is dynamically loaded and will override any text you have in this field. The formatting of your text field will not be altered at run time, however.</p> <p> <a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;} if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Customizing backgrounds','Customizing_backgrounds_.htm','Customizing buttons','Customizing_buttons.htm','Customizing text fields','Customizing_text_fields.htm','Customizing text nodes','Customizing_text_nodes.htm','Customizing the About Box','Customizing_the_About_Box.htm','Customizing the Glossary pane','Customizing_the_Glossary_pane.htm','Customizing the Index pane','Customizing_the_Index_pane.htm','Customizing the scroll bar','Customizing_the_scroll_bar.htm','Customizing the Table of Contents pane','Customizing_table_of_contents_(TOC).htm','Using template Flash files','Using_Template_Flash_Files.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=18 width=101 alt="Related Topics"></a> </p> <script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!-- if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function") WritePopupMenuLayer(); //--></script> </body> </html>